/*
	Copyright (c) 2011 Andrey O. Zbitnev (azbitnev@gmail.com)
	Licensed under the MIT License (LICENSE).

	$Id: ys.menu.css 22 2012-04-16 11:59:21Z azbitnev@gmail.com $

	required modules: list
*/

/*
	ys-menu: common logic
*/

.ys-menu li {
	list-style: none;
	white-space: nowrap;
	word-wrap: normal;
}

.ys-menu > li {
	display: block;
	float: left;
}

.ys-menu ul {
	display: none;
	position: absolute;
}

.ys-menu .clear {
	float: none;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
}

.ys-menu {
	padding: 0;
	position: relative;
	z-index: 1;
	width: 100%;
}

.ys-menu li > a {
	outline: 0;
	cursor: pointer;
	display: block;
}

.ys-menu li.disabled > a {
	cursor: default;
}

/*
	ys-menu-noscript: common logic
*/

.ys-menu-noscript li:hover > ul {
	display: block;
}

.ys-menu-noscript li.disabled:hover > ul {
	display: none;
}

/*
	ys-menu: common style
*/

.ys-menu {
	-webkit-box-shadow: 0 0 4px #d6d6d6;
	-moz-box-shadow: 0 0 4px #d6d6d6;
	-ms-box-shadow: 0 0 4px #d6d6d6;
	box-shadow: 0 0 4px #d6d6d6;
}

.ys-menu li {
	background: #fff;
}

.ys-menu, .ys-menu > li {
	background: url(images/ys.menu.background.png) 0 0 repeat-x;
}

.ys-menu li a {
	text-decoration: none;
	border: 0;
	font-weight: bold;
	color: #666;
	text-shadow: #fff 1px 2px 2px;
	-ms-text-shadow: #fff 1px 2px 2px;
}

.ys-menu ul > li > a:hover {
	background-color: #eee;
}

.ys-menu ul > li.selected > a:hover {
	background: none;
}

.ys-menu .selected > a {
	color: #fff;
	text-shadow: #666 1px 2px 2px;
	-ms-text-shadow: #666 1px 2px 2px;
}

.ys-menu ul {
	-webkit-box-shadow: 0 3px 6px #9d9d9d;
	-moz-box-shadow: 0 3px 6px #9d9d9d;
	-ms-box-shadow: 0 3px 6px #9d9d9d;
	box-shadow: 0 3px 6px #9d9d9d;
}

.ys-menu li > a {
	font-size: 0.9em;
}

.ys-menu > li > a {
	font-size: 1em;
}

.ys-menu li.disabled > a {
	color: #ccc;
}

.ys-menu li a.ys-next {
	background-position: 90% center;
}

/*
	ys-menu-noscript: common style
*/

.ys-menu-noscript li:hover {
	background-color: #181818 !important;
}

.ys-menu-noscript li:hover > a {
	color: #fff;
	text-shadow: #666 1px 2px 2px;
}

.ys-menu-noscript li.disabled:hover > a {
	color: #ccc;
}

/*
	ys-menu: sizes
*/

.ys-menu li {
	margin-left: -40px; /* default margin of list item */
}

.ys-menu > li {
	margin-left: 0; /* remove margin of root items */
}

.ys-menu li > a {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	width: 200px;
}

.ys-menu > li > a {
	width: auto;
}

/*
	ys-menu-noscript: sizes
*/

.ys-menu-noscript li:hover > ul {
	margin-left: 240px;
	margin-top: -40px;
}

.ys-menu-noscript > li:hover > ul {
	margin-left: 0;
	margin-top: 0;
}

/*
	ys-menu: msie fixes
*/

.ys-menu-msie {
	border: 1px solid #ddd;
}

.ys-menu-msie > li > a {
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#ffffff);
}

.ys-menu-msie .selected > a, .ys-menu-noscript li:hover > a {
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#666666);
}

.ys-menu-msie ul > li > a.hovered {
	background-color: #eee;
}

.ys-menu-msie ul > li.selected > a.hovered {
	background: none;
}

.ys-menu-msie ul {
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#d9d9d9, Strength=2, Direction=0),
		progid:DXImageTransform.Microsoft.Shadow(Color=#d9d9d9, Strength=3, Direction=90),
		progid:DXImageTransform.Microsoft.Shadow(Color=#d9d9d9, Strength=3, Direction=180),
		progid:DXImageTransform.Microsoft.Shadow(Color=#d9d9d9, Strength=3, Direction=270)
	;
	margin-top: -2px;
	margin-left: -3px;
}
